<!doctype html>
<html>
<head>	
<meta charset="utf-8">
<link rel="stylesheet" href="css/1.css">
<title>林梓瀚个人简介</title>
	<style>
		.left{width:15%;background:#97EBF5;margin-left: 1%;margin-top: 1%;float: left;border: 2px solid #575555;border-radius:1%;}
		.right{width:80%;height: 800px;background:#97EBF5;margin-left: 2.5%;margin-top: 1%;float:left;border: 2px solid #575555;border-radius:0.5%;}
		img{width:80%;}
		.title{width:40%;margin: 0 auto;padding-top: 5%;}
		.fonttitle{font-size:1rem;font-weight: 700;margin:0 auto;margin-top: 5%;padding-left:36%;}
		.box1{margin-top:8%;margin-left:4%;margin-right:4%; border-bottom:2px solid #1B0BEB;}
		.box2{margin-top:2%;padding-left:5%;padding-right:5%;}
		.box3{border-top:2px solid #1B0BEB;}
		.fonttitle2{font-size:0.8rem;font-weight: 700;margin:0 auto;margin-top: 5%;padding-left:26%;}
		.fonttitle3{display:inline-block;font-size:0.8rem;font-weight:700;}
		.righttitle{font-weight:700;}
		ul{display:inline-block;}
		li{display:inline-block;}
		
	</style>
</head>

<body>
	<div class="left">
		<div class="title"><img src="img/personal.jpg" alt="title"></div>
	        <div class="fonttitle">林梓瀚</div>  
		     <div class="fonttitle2">中山大学南方学院</div>
		<div class="box1">
	    	<div class="fonttitle3">基本信息:</div></div>
		 <ul>
                    <li>
                        <label>姓名</label>
                        <span>林梓瀚</span>
                    </li>
			  <br>
                    <li>
                        <label>性别</label>
                        <span>男</span>
                    </li>
			  <br>
                    <li>
                        <label>学历</label>
                        <span>就读中</span>
                    </li>
			 <br>
			        <li>
                        <label>年龄</label>
                        <span>20岁</span>
                    </li>
                </ul>
		<div class="box1">
	    	<div class="fonttitle3">联系方式:</div></div>
		 <ul>
                    <li>
                        <label>手机</label>
                        <span>17819155117</span>
                    </li>
			  <br>
                    <li>
                        <label>QQ</label>
                        <span>1362627784</span>
                    </li>
			  <br>
                    <li>
                        <label>微信</label>
                        <span>lin61998</span>
                    </li>
                </ul>
		<div class="box1">
	    	<div class="fonttitle3">技能点:</div></div>
		 <ul>
                  <li>
                        <label>电脑</label>
					  <br>
                        <progress value="75" max="100"></progress>
                    </li>
                    <li>
                        <label>运动</label>
					  <br>
                        <progress value="50" max="100"></progress>
                    </li>
                    <li>
                        <label>学习</label>
					  <br>
                        <progress value="75" max="100"></progress>
                    </li>
                   
                </ul>
	</div>
	<div class="right">
		
		 <div class="box2">
		    <div class="righttitle">教育经历：</div>
			   <div class="box3">
		          <p>•凤湖小学<font style="padding-left: 80%">2016.9-2012.6</font></p>
		  		  <p>•三侨中学<font style="padding-left: 80%">2012.9-2015.6</font></p>
			 	  <p>•棉湖中学<font style="padding-left: 80%">2015.9-2018.6</font></p>
			      <p>•中山大学南方学院<font style="padding-left: 74%">2018.9-今</font></p></div>
	</div>  
		<div class="box2">
		    <div class="righttitle">目标：</div>
			   <div class="box3">
		          <p>•学有所成</p>
				   <p>•多参赛获奖</p>
				   <p>•多方面磨练自己</p>
				   <p>•去想去的地方</p>
		  		 </div>
			
	</div>  
	<div class="box2">
		    <div class="righttitle">自我评价：</div>
			   <div class="box3">
		          <p>•过于懒惰</p>
				   <p>•不够活跃</p>
				   <p>•缺乏锻炼</p>
		  		 </div>
</body>
</html>